@use "scss/colors";

.versionCell {
  width: 340px;
}

.inputField {
  position: relative;
  background: colors.$foreground;

  .inputContainer {
    // overwrite default FormControl style
    padding-bottom: 0;

    .versionInput {
      max-width: 165px;
      overflow: hidden;
      text-overflow: ellipsis;

      &:not(:focus-within) {
        // space for (latest) text
        padding-right: 50px;
      }

      &.noLatest:not(:focus-within) {
        padding-right: 0;
      }
    }
  }

  &::after {
    position: absolute;
    display: block;
    pointer-events: none;
    content: attr(data-before);
    color: colors.$grey-400;
    top: 10px;
    right: 8px;
  }

  &:focus-within::after {
    display: none;
  }
}
